<!DOCTYPE html>
<html lang="en" ng-app>
<head>
    <meta charset="UTF-8">
    <title>MVC3.html</title>
</head>
<body>
    <!--
     * 这个页面的代码是错误的做法。应该避免。
     * 参考
     * http://www.imooc.com/video/2685
     * 
     * Controller 使用过程中的注意点
     *      + 不要试图去复用Controller，一个控制器一般只负责一小块视图
     *      + 不要在Controller中操作DOM，这不是控制器的职责（用指令）
     *      + 不要在Controller里面做数据格式化，ng有很好用的表单控件
     *      + 不要在Controller里面做数据过滤操作，ng有$filter服务
     *      + 一般来说，Controller是不会互相调用的，控制器之间的交互会通过事件进行
    -->
    <div ng-controller="CommonController">
        <div ng-controller="Controller1">
            <p>{{greeting.text}}, Angular</p>
            <button ng-click="test1()">test1</button>
        </div>
        <div ng-controller="Controller2">
            <p>{{greeting.text}}, Angular</p>
            <button ng-click="test2()">test2</button>
         </div>
        <button ng-click="commonFn()">通用</button>
    </div>
</body>
    <script type="text/javascript" src="../libs/angular-1.3.0.14/angular.js"></script>
    <script type="text/javascript" src="js/MVC3.js"></script>
</html>